<template>
    <div class="box">
        <header class="header">
            <span @click="$router.push('/login')">登录</span>
            <van-tabs v-model:active="active">
                <van-tab title="关注">
                    <van-search v-model="value" show-action label="" placeholder="请输入搜索关键词" @search="onSearch">
                        <template #left>
                            <van-icon name="list-switch" />
                        </template>
                        <template #right-icon>
                            <van-icon name="replay" />
                        </template>
                        <template #action>
                            <van-icon name="apps-o" @click="$router.push('/kind')"/>
                        </template>
                    </van-search>
                </van-tab>
                <van-tab title="发现"></van-tab>
                <van-tab title="推荐"></van-tab>
            </van-tabs>

        </header>
        <main class="main">
            <div style="width: 100%;height: 130px;">
                <h4 style="text-align: center;">你还没有关注的人</h4>
                <p style="text-align: center;">看是否呢欧冠牛肉干迥然</p>
            </div>
            <priList />
        </main>
    </div>
    <footer class="footer"></footer>
</template>

<script setup>
import priList from './priList.vue';
</script>

<style lang="scss" scoped></style>